* {
    margin: 0;
    padding: 0;
}
body,
html {
    font: 14px/24px sans-serif;
    height: 100%;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Tahoma",sans-serif }
ol,
ul { list-style: none }
a {
    text-decoration: none;
    color: blue;
}
a:visited { color: #881f1b }
a:hover {
    
}
img { border: none }
input,
select,
textarea,
radio {
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 5px;
    vertical-align: middle;
}
/*******/
#warrper {
    width: 100%;
    margin: 0 auto;
    display: block;
   background: #EDEDED;
    box-shadow: 0px 0px 4px #000;
}
#content {
    width: 100%;
    margin: 20px auto 0;
    display: block;
    
}
.content_right { float: left }
.content_center { float: left }
/************/
.banner_logo {
    width: 100%;
    margin: 0 auto;
    background-color: #23dcf2;
    height: 95px;
    text-align: center;
    position: relative;
}
.banner_logo img{
    margin: auto 0;
    
}
.banner_logo .name{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
}
/***** colum tin ********/
.colum_tin {
    width: 724px;
    border: 1px solid #c9c9c9;
    margin: 10px 0 5px  5px;
    background: #fff;
}
.tin_2 {
    width: 718px;
    margin: 2px auto;
    display: block;
    background: url(../images/bg_colum_tin.png) no-repeat;
    padding: 2px 0;
}
.tin_2 h1 a {
    text-transform: uppercase;
    width: 696px;
    display: block;
    padding-left: 10px;
    margin: 4px auto;
    color: #fdfdfd;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    background: url(../images/bg_h.png) no-repeat left;
}
.tin_2 img {
    width: 100%;
    padding: 2px;
}
.tin_2 h2 a {
    color: #7f6944;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 0 7px;
    text-align: justify;
}
.tin_2 h2 a span {
    color: #999999;
    font-weight: normal;
}
.tinkhac {width:696px;margin:0 auto}
.tinkhac h2 {font-size:16px;color:#00c0f3;padding-bottom:5px;border-bottom:2px solid #ccc}
.tinkhac ul {
    padding: 2px 0 0;
    margin: 0;
    display: block;
	width:100%;
}
.tinkhac ul li {
    display: block;
    padding: 0;
	margin:5px 0
}
.tinkhac ul li a {
    font-size: 12px;
    color: #017898;
    font-weight: normal;
    background: url(../images/icon1.png) no-repeat left 10px;
    padding: 5px 0 5px 10px;
    display: block;
    border-bottom: 1px dotted #cecece;
}
.tinkhac ul li a:hover { color: red }
.tinkhac ul li a span {
    color: #999999;
    font-weight: normal;
}
.tinkhac ul li a span:hover { color: #006600 }
/******* bn qc ****/
.banner_qc {
    width: 724px;
    margin: 5px 0 5px  5px;
}
.banner_qc img {
    width: 724px;
    height: 97px;
}
/******** colum thong ke *******/
.colum_01 {
    width: 236px;
    border: 1px solid #c9c9c9;
    margin: 5px 0 5px 10px;
    background: #fff;
}
.colum_02 {
    width: 230px;
    margin: 2px auto;
    display: block;
    background: url(../images/bg_tin_right.png) no-repeat;
    padding: 2px 0;
}
.colum_02 h1 {
    text-transform: uppercase;
    width: 211px;
    display: block;
    padding-left: 10px;
    margin: 4px auto;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    background: url(../images/bg_h_right.png) no-repeat left;
}
.colum_02 h1 a { color: #fff }
.colum_02 ul {
    padding: 0;
    margin: 0 auto;
    width: 221px;
    display: block;
}
.colum_02 ul li {
    display: block;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #c9c9c9;
}
.colum_02 ul li a {
    font-size: 12px;
    color: #023702;
    font-weight: bold;
    background: url(../images/icon2.png) no-repeat left 3px;
    padding-left: 14px;
    display: block;
    text-align: justify;
    line-height: 16px;
}
.colum_02 ul li a:hover { color: #d20707 }
/********* banner left right *************/
.banner_left_right {
    width: 238px;
    margin: 10px 0 5px  10px;
}
.banner_left_right img {
    width: 238px;
    height: 70px;
    margin-bottom: 5px;
}
.select_ground {
    width: 221px;
    margin: 5px auto;
    display: block;
}
/****** bando **********/
.colum_bando {
    width: 230px;
    margin: 2px auto;
    display: block;
    background: url(../images/bg_tin_right.png) no-repeat;
    padding: 2px 0;
}
.colum_bando h1 {
    width: 211px;
    display: block;
    padding-left: 10px;
    margin: 4px auto;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    background: url(../images/bg_h_right.png) no-repeat left;
}
.colum_bando h1 a { color: #fff }
.colum_bando img {
    width: 221px;
    height: 226px;
    margin: 0 auto;
}
/******/
#fotter {
    width: 100%;
    height: 100px;
    //background: url(../images/bg_fotter.png) no-repeat;
    margin: 20px auto 0;
    display: inline-block;
}
.fotter_top {
    width: 100%;
    margin: 0 auto;
    height: 35px;
    border-top: 1px solid #757574;
    border-bottom: 1px solid #757574;
}
.fotter_top ul {
    padding: 0 0 0 10px;
    margin: 0;
    width: 450px;
    float: left;
}
.fotter_top ul li {
    display: inline-block;
    padding-right: 2px;
}
.fotter_top ul li a {
    font-size: 12px;
    color: #7f776a;
    font-weight: bold;
    background: url(../images/icon4.png) no-repeat right;
    padding-right: 12px;
    line-height: 35px;
}
.fotter_top ul li a:hover { color: #d20707 }
.thongke_truycap {
    width: 400px;
    float: right;
    padding-right: 30px;
}
.thongke_truycap p {
    font-size: 16px;
    color: #656565;
    font-weight: bold;
    line-height: 35px;
    text-align: right;
}
.thongke_truycap p span {
    color: #fea103;
    padding-left: 10px;
}
.fotter_bottom {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.fotter_bottom p {
    font-size: 12px;
    color: #737373;
    line-height: 18px;
    padding-left: 10px;
}
.tt_01 {
    font-weight: bold;
    color: #7f6944;
    padding-top: 20px;
}
/********colum menu **********/
.colum_menu {
    width: 230px;
    margin: 2px auto;
    display: block;
    background: url(../images/bg_tin_right.png) no-repeat;
    padding: 2px 0;
}
.colum_menu h1 {
    width: 211px;
    display: block;
    padding-left: 10px;
    margin: 4px auto;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    background: url(../images/bg_h_right.png) no-repeat left;
}
.colum_menu h1 a { color: #fff }
/**********/
.cmhs {
    padding: 10px;
    margin: 10px 0;
    font-size: 13px;
}
.cmhs h1 {font-size:16px;font-weight:bold;padding:0 0 10px 0; text-decoration: underline;color:#881f1b}
.cmhs p {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0;
}
.tin_chitiet {
    padding: 10px;
    margin: 5px 0 0;
    font-size: 13px;
}
.tin_chitiet h1 {font-size:16px;font-weight:bold;padding:0 0 10px 0; text-decoration: underline;color:#881f1b}

.btn {
    background: none repeat scroll 0 0 #4d90fe;
    border-color: #3079ed;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 28px;
    padding: 0 12px;
    text-decoration: none;
    cursor: pointer;
}
.btn:hover {
    background-color: #357ae8;
    opacity: 1;
}
.ip_tc {
    width: 203px;
    line-height: 25px;
    padding: 0 5px;
    margin: -3px 0 0 0;
}
/*label {
    background: none repeat scroll 0 0 #4388cc;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    min-width: 140px;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}*/
.width_lb {min-width:100px;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 { float: left }
.col-md-6 {
    margin: 5px 0;
    padding: 0;
}
.col-md-6 { width: 50% }
.col-md-4 { width: 33.33333333% }
.col-md-4 {
    margin: 5px 0;
    padding: 0;
    text-align: center;
}
.col-md-12 {
    width: 100%;
    margin: 5px 0;
}
.col-xs-12 {
    margin: 5px 0 10px;
    padding: 0;
    width: 100%;
    float: left;
}
.ip_information {
    height: 27px;
    line-height: 14px;
    padding: 0 3px;
    min-width: 215px;
    margin: -3px 0 0;
}
.table_nd {
    width: 724px;
    margin: 10px 0 10px 5px;
}
.column_one {
    width: 50px;
    text-align: center;
}
.column_two {
    width: 130px;
    text-align: center;
}
.column_three {
    width: 100px;
    text-align: center;
}
.column_four { width: auto }
.ts {
    padding: 5px 0 10px;
    font-weight: bold;
}
.title_lb {
    min-width: 150px;
    line-height: 24px;
    height: 24px;
    float: left;
    text-transform: none;
}
.nd_sp {
    line-height: 24px;
    margin-left: 178px;
    display: block;
    font-weight: bold;
	font-size:12px;
}
.icon {
    width: 24px!important;
    height: 24px;
    vertical-align: middle;
    margin: -2px 5px 0 10px;
}
.iconback {
    text-align: right;
    margin: 20px 0;
}
.iconback img {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin: 0 5px;
}
.iconback a {
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}
.iconback a:hover {
    text-decoration: underline;
    color: blue;
}
.margin {margin-left:288px;}
.tthc .column_one {width:50px;}
.tthc .column_two {width:auto;text-align:left}
.tthc .column_three {width:150px;text-align:center}
.tthc .column_four {width:150px;text-align:center}
.nd_pl {border-bottom:1px solid #ccc;padding-bottom:10px;}
.nd_vb {font-size:12px;color:#000;font-size:12px;font-weight:bold;line-height:18px}
.nd_vb a {font-size:12px;color:#000;font-size:12px;font-weight:bold;line-height:18px}
.nd_vb a:hover {color:red}
.nd_ct a {background:#008db3;padding:0 10px;line-height:24px;height:24px;text-align:center;float:right;color:#fff;}
.nd_dl {width:100%;margin:5px 0;display:block;}
.nd_dl .title_lb{min-width:100px}
.width {width:300px;margin-right:10px;}
.mshs {background:none;color:#000;text-align:left;font-size:14px;text-transform:none}
.id {font-size:14px;font-weight:normal;color:#881f1b;letter-spacing:1px;}
.margin-top {margin-top:10px;background:#eee}

/*---------------------*/
.paging {
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    vertical-align: top;
    margin:5px 0px 5px 0px;
    float: right;
}
.paging a.disabled {
    background: none repeat scroll 0 0 #dcdcdc;
    color: #989898;
    cursor: default;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.paging .btn-prev,
.paging .btn-next {
    float: left;
    padding: 4px 12px 4px;
}
.paging ul {
    border-right: 1px solid #bcbcbc;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.paging ul li {
    border-left: 1px solid #bcbcbc;
    float: left;
}
.paging ul li.current,
.paging ul li a {
    display: block;
    padding: 4px 12px 4px;
}
.paging ul li.current {
    background: none repeat scroll 0 0 #dcdcdc;
    color: #989898;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.dropdown {
                display: none;
            }
            .radioAndDropdown {
                width: 150px;
                height: 60px;
            }
            .inputArea{
                height: 30px; 
                border: 1px solid;
                width: 95%; 
                overflow: hidden;
            }
            .inputArea2{
                height: 30px; 
                border: 0px solid;
                overflow: hidden;
            }
            .inputAreaFullCell{
                height: 98%; 
                border: 0px solid;
                width: 98%; 
                overflow: hidden;
                text-align:center;
            }
            .child{
                position: absolute;
                top: 0;
            }
            .parent {
                position: relative;
            }
            
/*----- Tabs -----*/
.tabs {
 width:1000px;
 display:block;
 margin: 10px auto;
}
 /**, *:before, *:after {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 border: 1px none;
 font: inherit;
}
 /*----- Tab Links -----*/
 /* Clearfix */
 .tab-links:after {
  display:block;
  clear:both;
  content:'';
 }
 
 .tab-links li {
  margin:0px 5px;
  float:left;
  list-style:none;
 }
 
  .tab-links a {
padding:9px 15px;
display:inline-block;
border-radius:3px 3px 0px 0px;
background:#999;
font-size:16px;
font-weight:600;
color:#4c4c4c;
transition:all linear 0.15s;
  }
 
  .tab-links a:hover {
background:#a7cce5;
text-decoration:none;
  }
 
 li.active a, li.active a:hover {
	color: #fff;
	background-color: #fea103;
 }
 
 /*----- Content of Tabs -----*/
 .tab-content {
  padding:15px;
  border-radius:3px;
  box-shadow:-1px 1px 5px rgba(0,0,0,1);
  background:#fff;
 }
 
  .tab {
display:none;
  }
 
  .tab.active {
display:block;
  }
  .box-content{
      margin: 0 auto;
      width: 500px;
  }
  .box-content .form-label{
display: block;
/* text-transform: uppercase; */
font-weight: bold;
/* font-size: 11px; */
color: #373737;
/* height: 20px; */
  }
  textarea{
      background: #fff;
    height: 50px;
    padding: 2px 0 2px 5px;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* margin: 0 0 12px 0; */
    color: black;
    font-size: 12px;
  }
input{
    background: #fff;
    height: 20px;
    padding: 2px 0 2px 5px;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* margin: 0 0 12px 0; */
    color: black;
    font-size: 12px;
  }
table.admintable td.key, table.admintable td.paramlist_key {
/* background-color: #f6f6f6; */
text-align: right;

}
table.admintable td {
padding: 3px;
}
legend {
color: #0B55C4;
font-size: 130%;
font-weight: bold;
}
fieldset {
/* margin-bottom: 10px; */
border: 1px #ccc solid;
padding: 5px;
text-align: left;
}
tbody .button {
margin: 0 3px !important;
}
.button {
display: inline-block;
    
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #31BAE5;
    color: #000;
    font-weight: bold;
    box-shadow: 0 2px 3px #747474;
    padding:0 10px;
    float: right;
    margin: 0 10px 0 0;
}
.themed {
background: #0669af url("../images//back_blue.jpg") repeat-x left top;
color: white !important;
border: 1px solid #2a9fee;
}
.themed:hover{
    background-image: none;
}
.red {
background: #940101 url("../images/back_red.jpg") repeat-x left top;
color: white !important;
border: 1px solid #eb0000;
}
.red:hover{
    background-image: none;
}
table.resize{
    width: 900px;
    margin: 0 auto;
}
.table-title{
    font-size: 15px;
    padding: 10px 0;
    color: #0669af;
}
.step{
    width: 1000px;
    margin: 0 auto;
}
.step table{
    width: 1000px;
   border: none;
   border-spacing: 2px;
   
}
div.step table tr td{
    text-align: center;
    
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    color: #000;
    border: 1px solid #999;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    
}
div.step table tr td a{
    color: #999;
}
div.step table tr td.seft a{
    color: #fff;
}
.step table tr td.seft {
    background: #fea103;
    color: #fff;
    display: block;
    
}
 a.yl{
    display: inline-block;
    
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #31BAE5;
    color: #000;
    font-weight: bold;
    box-shadow: 0 2px 3px #747474;
    padding:0 10px;
    
}
a.yl:hover{
    background: #cdedf8;
}
 a.gr{
    display: inline-block;
    
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #31BAE5;
    color: #000;
    font-weight: bold;
    box-shadow: 0 2px 3px #747474;
    padding:0 10px;
    
}
a.gr:hover{
    background: #cdedf8;
}
a.rd{
    display: inline-block;
    
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #31BAE5;
    color: #000;
    font-weight: bold;
    box-shadow: 0 2px 3px #747474;
    padding:0 10px;
    
}
a.rd:hover{
    background: #cdedf8;
}
.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	/*-mhis works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;s-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}
input[type=button]{
    display: inline-block;
    
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
    border: 1px solid #31BAE5;
    color: #000;
    font-weight: bold;
    box-shadow: 0 2px 3px #747474;
    padding:0 10px;
}

.alert{
    padding: 10px 0 10px 40px;
    width: 150px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    border:1px solid #7CB5EC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-top-left-radius: 5px;
    background:url('../images/alert.png') no-repeat 5px 5px #fff;
    color: #f00;
    box-shadow: 0 2px 3px #747474;
    text-transform:uppercase;
    font-weight: bold;
    
}
#container{
    
}


#container table a:link {
	color: #0B55C4;
	font-weight: bold;
	text-decoration:none;
}
#container table a:visited {
	color: #0B55C4;
	font-weight:bold;
	text-decoration:none;
}
#container table a:active,
#container table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
#container table {
	
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:0 auto;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
#container table th {
	padding:10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
        border-left: #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
#container table th:first-child {
	text-align: left;
	
}
#container table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#container table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#container table tr {
	text-align: center;
	padding-left:20px;
}
#container table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
#container table td {
	padding:0 5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
#container table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
#container table tr:last-child td {
	border-bottom:0;
}
#container table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#container table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#container table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.breadcrumbs{
    background: url('../images/home_break.png') no-repeat  5px 15px;
    padding: 10px 30px;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 0 20px;
}
.breadcrumbs a{
    background: url('../images/link_break.png') no-repeat right 5px;
    display: inline-block;
    padding: 0 20px 0 0;
    font-weight: bold;
    color: #eb8f00;
}
.filter-ds{
    padding: 0 25px 0 25px;
    color: #000;
}
.pagination {
	float:right;
	clear:both;
    margin:20px 0px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}